<!-- src/views/UserInfo.vue -->
<template>
    <div>
      <MyCard>
        <template v-slot:title>
          <h3>个人资料</h3>
        </template>
  
        <p>用户名：李四</p>
        <p>部门：研发部</p>
  
        <template v-slot:footer>
          <el-button type="primary">修改</el-button>
          <el-button type="danger">注销</el-button>
        </template>
      </MyCard>
    </div>
  </template>
  
  <script>
  import MyCard from "@/components/MyCard.vue"; // 引入路径注意是否有 @ 设置
  
  export default {
    name: "UserInfo",
    components: {
      MyCard,
    },
  };
  </script>
  